<template>
    <div>
        <el-button @click="upload_directory"> 上传文件夹</el-button>
        <el-alert v-for="(item,i) in DList"
                :title="item"
                type="success"
                @close="deleteD"
                style="margin-top: 10px">
        </el-alert>
    </div>
</template>

<script>
    const { dialog } = require('electron').remote;
    export default {
        name: "PullFile",
        data() {
            return {
                DList: []
            }
        },
        methods: {
            upload_directory() {
                let selectedFilePath = dialog.showOpenDialog(
                    {
                        title: '图片文件选择',                          // 对话框的标题
                        defaultPath: '',                             // 默认的文件名字
                        properties: ['openDirectory'],
                        // filters: [
                        //     {
                        //         name: 'img',
                        //         extensions: ['jpg', 'png']                // 只允许 jpg 和 png 格式的文件
                        //     }
                        // ],
                        buttonLabel: '选择'                           // 自定义按钮文本显示内容
                    });
                alert(selectedFilePath);
                this.DList.push(selectedFilePath)
            },
            deleteD() {

            }
        }
    }
</script>

<style scoped>

</style>